.icon_input {
  &:global {
    & > .next-input > input {
      cursor: pointer;
    }
  }
}
.icon_overlay {
  width: 357px;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem;
  border: 1px solid #eee;
  box-shadow: 2px 2px 20px rgb(0 0 0 / 15%);
  background-color: #fff;
  :global {
    .next-list-items > .next-list-item {
      display: inline-block;
      width: 50px;
      cursor: pointer;
      padding: 0.5rem;
      &:hover {
        background-color: $color-fill1-4;
      }
      & > .next-list-item-content > .next-icon {
        margin: 0 auto;
      }
    }
  }
}
.loading {
  &:global {
    &.next-loading.next-open {
      z-index: 2;
      pointer-events: auto;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgb(0 0 0 / 15%);
    }
  }
}
